import { sum } from './utils/math'
import './component/cpn' //将这个js文件添加到依赖图结构里边
import { createApp } from 'vue'

import './utils/demo'

import Hello from './vue_demo/Hello'

import './utils/abc/cba/nba/why/test'

let a = sum(1, 2)
let b = sum(3, 4)

let message = "你好老大"

const bar = () => {
  console.log(message);

}

bar()

console.log(a, b);

// Vue代码
createApp(Hello).mount("#app")

// 使用通过DefinePlugin注入的变量
console.log(coderwhy, "插件注入的全局变量");
console.log(counter, "插件注入的全局变量");
console.log(process.env.NODE_ENV, "DefinePlugin默认注入的");


console.log("cccc");
// 指定哪一个模块需要HMR
// if (module.hot) {
// 这里不好演示，因为main.js中使用到了math中的方法，对math.js产生了依赖，一旦math中发生修改，那系统会认为mian.js也发生了修改，所以就会全局刷新
// 要看到指定的热模块局部刷新的话,请看下边
//   module.hot.accept('./utils/math.js')
// }

if (module.hot) {
  module.hot.accept('./utils/demo.js', () => {
    console.log("热模块发生更新");
  })
}